.zoushitu-tabs-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 19px 0 23px 37px;
    background: #fff;
    margin-top: 12px;
    .zoushitu-icon-title {
        font-size: 16px;
        color: #000;
        margin-right: 34px;
        .zoushitu-icon {
            width: 17px;
            height: 17px;
            position: relative;
            top: 2px;
            margin-right: 10px;
        }
    }
    .zoushitu-tabs {
        span {
            display: inline-block;
            width: 101px;
            height: 35px;
            line-height: 35px;
            border-radius: 17px;
            color: #6C6C6C;
            border: 1px solid #6C6C6C;
            margin-right: 20px;
            cursor: pointer;
            &:last-child {
                margin-right: 0;
            }
        }
        .active {
            color: #E52A20;
            border-color: #E52A20;
        }
    }
}

.zoushifenxi-table-area {
    background: #fff;
    margin-top: 15px;
    padding-bottom: 30px;
    .zoushifenxi-table-checkbox-query {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 17px 33px 15px 37px;
        font-size: 16px;
        color: #000;
        border-bottom: 2px solid #f7f8fc;
        .title-left-icon-title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .checkbox-group {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-left: 24px;
                .checkbox-label {
                    color: #000;
                    font-size: 16px;
                    letter-spacing: 2px;
                    &:before {
                        content: '';
                        display: inline-block;
                        width: 17px;
                        height: 17px;
                        border-radius: 50%;
                        background: #D1D1D1;
                        margin-right: 11px;
                        position: relative;
                        top: 2px;
                    }
                }
                input[type="checkbox"] {
                    display: none;
                }
                input[type="checkbox"]:checked+.checkbox-label:before {
                    background: url(../imgs/analyze-cold-hot-checked-bg.png) no-repeat center center;
                }
                .checkbox-item {
                    margin-right: 18px;
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
        .zoushifenxi-icon {
            width: 17px;
            height: 17px;
            margin-right: 7px;
            position: relative;
            top: 2px;
        }
        .query-area-input-outbox {
            font-size: 16px;
            margin-right: 36px;
        }
        .query-area-input {
            width: 72px;
            height: 35px;
            line-height: 35px;
            border-radius: 17px;
            border: 1px solid #C9C9C9;
            color: #000;
            &::-webkit-input-placeholder {
                color: #000;
            }
        }
        .query-area-btn {
            display: inline-block;
            width: 69px;
            height: 35px;
            border-radius: 17px;
            background: #E52A20;
            color: #FEFEFE;
            font-size: 16px;
            cursor: pointer;
        }
    }
    .zoushifenxi-table-box {
        font-size: 16px;
        padding-top: 21px;
        overflow-x: auto;
        table {
            border-collapse: collapse;
            border: 1px solid #ECECEC;
            thead {
                background: #fafafa;
                tr {
                    td {
                        vertical-align: middle;
                    }
                }
                .thead-one-row {
                    color: #313131;
                    td {
                        line-height: 40px;
                        // border-right: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                        border-bottom: 1px solid #ECECEC;
                        &:last-child {
                            border-right: 0;
                        }
                    }
                    .one-row-tow-td,
                    .one-row-one-td {
                        border-bottom: 1px solid #ECECEC;
                    }
                }
                .thead-two-row {
                    color: #7E7E7E;
                    border-bottom: 1px solid #ECECEC;
                    .two-row-outer-td {
                        // border-right: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                        &:last-child {
                            border-right: 0;
                        }
                        tr {
                            td {
                                line-height: 35px;
                                border-right: 1px solid #ECECEC;
                                &:last-child {
                                    border-right: 0;
                                }
                            }
                        }
                    }
                }
            }
            tbody {
                .tbody-out-tr {
                    border-bottom: 1px solid #ECECEC;
                    td{
                        &:nth-child(2){
                            color:#f1010a;
                        }
                    }
                }
                tr {
                    .tbody-tr-outer-td {
                        color: #7e7e7e;
                        font-size: 13px;
                        // border-right: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                        &:last-child {
                            border-right: 0;
                        }
                        tr {
                            td {
                                position: relative;
                                color: transparent;
                                line-height: 35px;
                                border-right: 1px solid #ECECEC;
                                &:last-child {
                                    border-right: 0;
                                }
                            }
                            .omit {
                                color: #b8b8b8;
                            }
                            .omitbg {
                                background: #CBFCF4;
                                color: #83BEB4;
                            }
                            .red {
                                position: absolute;
                                line-height: 20px;
                                background-color: #E52A20;
                                color: #fff;
                                border-radius: 50%;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                z-index: 9999;
                            }
                            .red i[line] {
                                position: absolute;
                                box-sizing: border-box;
                                height: 2px;
                                background-color: #E52A20;
                                transform-origin: left center;
                                left: 50%;
                                top: 50%;
                                margin-top: -1px;
                                -ms-pointer-events: none;
                                pointer-events: none;
                                z-index:-1;
                            }
                            .blue {
                                line-height: 20px;
                                border-radius: 50%;
                                background: #1b8bf4;
                                color: #fff;
                            }
                            .orange {
                                line-height: 20px;
                                border-radius: 50%;
                                background: #ffc71b;
                                color: #fff;
                            }
                            .green {
                                position: absolute;
                                line-height: 20px;
                                border-radius: 50%;
                                background: #14E192;
                                color: #fff;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                            }
                            .purple {
                                line-height: 20px;
                                border-radius: 50%;
                                background: #9B18E7;
                                color: #fff;
                            }
                            .textred {
                                line-height: 20px;
                                border-radius: 50%;
                                background: #E52A20;
                                color: #fff;
                            }
                        }
                    }
                    .td-center-five-col {
                        .center-five-col-span {
                            display: inline-block;
                            width: 20px;
                            height: 20px;
                            line-height: 20px;
                            font-family: 'SimSun';
                            text-align: center;
                        }
                    }
                }
                .fuzhuxian {
                    &:nth-child(5n) {
                        border-bottom: 1px solid #ECECEC;
                    }
                }
                .tbody-second-last-row,
                .tbody-last-row {
                    background: #fafafa;
                    .tbody-second-last-row-one-td,
                    .tbody-last-row-one-td {
                        vertical-align: middle;
                    }
                    .tbody-tr-outer-td {
                        border-bottom: 1px solid #ECECEC;
                        td {
                            color: #b8b8b8
                        }
                    }
                    span {
                        display: inline-block;
                        width: 13px;
                        height: 13px;
                    }
                    .count-omit-td {
                        padding-left: 4px;
                    }
                }
            }
            tfoot {
                background: #fafafa;
                tr {
                    td {
                        vertical-align: middle;
                    }
                }
                .tfoot-one-row {
                    color: #8F8F8F;
                    .two-row-outer-td {
                        // border-right: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                        border-bottom: 1px solid #ECECEC;
                        &:last-child {
                            border-right: 0;
                        }
                        td {
                            line-height: 35px;
                            border-right: 1px solid #ECECEC;
                            &:last-child {
                                border-right: 0;
                            }
                        }
                    }
                    .one-row-tow-td {
                        border-bottom: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                    }
                    .one-row-one-td {
                        border-bottom: 1px solid #ECECEC;
                        border-right: 1px solid #d6d6d6;
                    }
                }
                .tfoot-two-row {
                    color: #8F8F8F;
                    border-bottom: 1px solid #ECECEC;
                    td {
                        border-right: 1px solid #d6d6d6;
                        padding: 7px 0;
                        &:last-child {
                            border-right: 0;
                        }
                    }
                }
            }
        }
    }
}

// 客户需求第三期改版：时时彩表格
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .ssc-table {
            width: 2060px;
        }
    }
}

//广东11选5
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .gd-table {
            width: 2180px;
        }
    }
}

//福彩3D
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .fc-table {
            width: 1370px;
        }
    }
}

//北京PK10
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .bj-table {
            width: 1800px;
        }
    }
}

//PC蛋蛋
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .pc-table {
            width: 1310px;
        }
    }
}

//江苏快3
.zoushifenxi-table-area {
    .zoushifenxi-table-box {
        .js-table {
            width: 1392px;
            .tbody-out-tr {
                .tbody-tr-outer-td {
                    .js-sum-last-col {
                        border-radius: 0%;
                        background: #50B3FF;
                        border: 1px solid #50B3FF;
                        color: #fff;
                    }
                    .js-sum-span {
                        display: inline-block;
                        width: 47px;
                        height: 25px;
                    }
                }
            }
        }
    }
}